<template>
    <div class="qingwu">
        <div class="admin_table_page_title">
            <a-button @click="$router.back()" class="float_right" icon="arrow-left">返回</a-button>
            电表详情
        </div>
        <div class="unline underm"></div>
        <div class="admin_form">
            <a-tabs :default-active-key="0" tab-position="left">
                <a-tab-pane :key="0" tab="详情">
                    <detail-tab :params="params"></detail-tab>
                </a-tab-pane>
                <a-tab-pane :key="1" tab="实时数据">
                    <time-tab :params="params"></time-tab>
                </a-tab-pane>
                <a-tab-pane :key="2" tab="数据报表">
                    <data-tab :params="params"></data-tab>
                </a-tab-pane>
                <a-tab-pane :key="3" tab="电量图表">
                    <ele-tab :params="params"></ele-tab>
                </a-tab-pane>
                <a-tab-pane :key="4" tab="控制">
                    <control-tab :params="params"></control-tab>
                </a-tab-pane>
            </a-tabs>


        </div>
    </div>
</template>

<script>
import detailTab from "./tab/detail.vue"
import timeTab from "./tab/time_data.vue"
import dataTab from "./tab/data_charts.vue"
import eleTab from "./tab/ele_charts.vue"
import controlTab from "./tab/control.vue"
export default {
    components: {detailTab,timeTab,dataTab,eleTab,controlTab},
    data(){
        return {
            params:{
                code: "",
                community: "",
                id: "",
                tableAddress: ""
            }
        }
    },
    created(){
        this.params = this.$route.params
    }
};
</script>
